<div class="prenext">
  <div class="u-floatLeft">
    <a href="{{ preurl }}" class="u-inline-block all-caps">{{ prename }}
    <div class="arrow-left"></div>
    </a>
  </div>
  <div class="u-textRight u-floatRight">
    <a href="{{ nexturl }}" class="u-inlineBlock all-caps">{{ nextname }}
    <div class="arrow-right"></div>
    </a>
  </div>
</div>

<style>
  .chal-no-pass.border-box::before {
    content: "Não Passou?";
  }

  .chal-tip.border-box::before {
    content: "Dicas";
  }

  .chal-step.border-box::before {
    content: "Passo";
  }

  .chal-goal.border-box::before {
    content: "Meta";
  }
</style>
